<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../www/css/print-lock.css">
    <style>
        /* 重置所有元素的边距和填充 */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            margin: 0;
            padding: 0;
            background-color: white;
            font-size: 0;
            /* 消除inline-block元素间的空白 */
            width: 82mm;
            min-height: 100vh;
        }

        .hiprint-printTemplate {
            width: 82mm;
            min-height: 30mm;
            display: block;
            position: relative;
            overflow: visible;
        }

        .hiprint-printPaper {
            margin: 0 !important;
            padding: 0 !important;
            box-shadow: none !important;
            border: none !important;
            background-color: white;
            display: inline-block !important;
            /* 使标签并排显示 */
            vertical-align: top;
            width: 40mm !important;
            /* 标签纸张宽度 */
            height: 30mm !important;
        }

        /* 移除可能导致空白的样式 */
        .hiprint-printTemplate > * {
            page-break-inside: avoid;
            display: inline-block;
            /* 使每个打印面板并排显示 */
        }

        /* 确保打印面板水平排列 */
        .hiprint-printPanel {
            display: inline-block !important;
            vertical-align: top;
            margin-right: 2mm;
            /* 添加2mm的间隔 */
            width: 40mm !important;
            /* 确保面板宽度为40mm */
            height: 30mm !important;
            overflow: visible;
            position: relative;
        }

        /* 移除偶数面板的右边距 */
        .hiprint-printPanel:nth-child(2n) {
            margin-right: 0;
        }
        
        /* 每两个面板后换行 */
        .hiprint-printPanel:nth-child(2n)::after {
            content: "";
            display: block;
            width: 100%;
            height: 0;
            clear: both;
        }

        /* 专门为printToPDF添加的样式 */
        @media print {
            @page {
                size: 82mm 30mm;
                margin: 0;
                padding: 0;
            }

            html, body {
                margin: 0;
                padding: 0;
                background-color: white;
                font-size: 0;
                width: 82mm;
                height: auto;
                overflow: visible;
            }

            .hiprint-printTemplate {
                width: 82mm;
                height: auto;
                background-color: white;
                font-size: 0;
                display: block;
                position: relative;
                overflow: visible;
            }

            /* 确保打印面板在打印时也水平排列 */
            .hiprint-printPanel {
                display: inline-block !important;
                vertical-align: top;
                margin-right: 2mm;
                /* 打印时保持2mm的间隔 */
                width: 40mm !important;
                height: 30mm !important;
                overflow: visible;
                position: relative;
                float: left;
            }

            /* 打印时移除偶数面板的右边距 */
            .hiprint-printPanel:nth-child(2n) {
                margin-right: 0;
            }
            
            /* 每两个面板后换行 */
            .hiprint-printPanel:nth-child(2n)::after {
                content: "";
                display: block;
                width: 100%;
                height: 0;
                clear: both;
                page-break-after: always;
            }
            
            /* 确保条形码和文本内容正确显示 */
            .hiprint-printElement {
                position: absolute;
                overflow: visible;
            }
            
            .hiprint-printElement-text-content {
                overflow: visible;
            }
            
            .hibarcode_imgcode {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
            }
        }
    </style>

</head>
<body>

    <div class="hiprint-printTemplate">
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 40mm 30mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="30"
                 style="width: 40mm; height: 29mm; transform: scale(1); transform-origin: 0px 0px;">
                <div class="hiprint-printPaper-content">
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 105pt; height: 15pt; font-family: 思源黑体; font-size: 10pt; text-align: center; left: 4.5pt; top: 7.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height:100%;width:100%">公司：测试公司-0</div>
                    </div>
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 100pt; height: 35pt; font-family: 思源黑体; font-size: 10pt; left: 6pt; top: 28.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg width="100%"
                                 display="block" height="100%" class="hibarcode_imgcode"
                                 preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 90 46"
                                 xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0,0)">
                                <rect x="0" y="0" width="90" height="46" style="fill:#ffffff;"></rect>
                                <g transform="translate(0, 0)" style="fill:#000000;">
                                    <rect x="0" y="0" width="2" height="46"></rect>
                                    <rect x="3" y="0" width="1" height="46"></rect>
                                    <rect x="6" y="0" width="3" height="46"></rect>
                                    <rect x="11" y="0" width="1" height="46"></rect>
                                    <rect x="13" y="0" width="2" height="46"></rect>
                                    <rect x="17" y="0" width="3" height="46"></rect>
                                    <rect x="22" y="0" width="1" height="46"></rect>
                                    <rect x="26" y="0" width="1" height="46"></rect>
                                    <rect x="28" y="0" width="2" height="46"></rect>
                                    <rect x="33" y="0" width="3" height="46"></rect>
                                    <rect x="39" y="0" width="1" height="46"></rect>
                                    <rect x="41" y="0" width="2" height="46"></rect>
                                    <rect x="44" y="0" width="2" height="46"></rect>
                                    <rect x="50" y="0" width="1" height="46"></rect>
                                    <rect x="52" y="0" width="1" height="46"></rect>
                                    <rect x="55" y="0" width="2" height="46"></rect>
                                    <rect x="58" y="0" width="4" height="46"></rect>
                                    <rect x="63" y="0" width="2" height="46"></rect>
                                    <rect x="66" y="0" width="1" height="46"></rect>
                                    <rect x="69" y="0" width="4" height="46"></rect>
                                    <rect x="75" y="0" width="1" height="46"></rect>
                                    <rect x="77" y="0" width="2" height="46"></rect>
                                    <rect x="82" y="0" width="3" height="46"></rect>
                                    <rect x="86" y="0" width="1" height="46"></rect>
                                    <rect x="88" y="0" width="2" height="46"></rect>
                                </g>
                            </svg>
                            <div class="hibarcode_displayValue" style="white-space:nowrap">1234567890</div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 63pt; left: 83pt; display: none;">1-10</span>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 40mm 30mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="30"
                 style="width: 40mm; height: 29mm; transform: scale(1); transform-origin: 0px 0px;">
                <div class="hiprint-printPaper-content">
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 105pt; height: 15pt; font-family: 思源黑体; font-size: 10pt; text-align: center; left: 4.5pt; top: 7.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height:100%;width:100%">公司：测试公司-1</div>
                    </div>
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 100pt; height: 35pt; font-family: 思源黑体; font-size: 10pt; left: 6pt; top: 28.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg width="100%"
                                 display="block" height="100%" class="hibarcode_imgcode"
                                 preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 90 46"
                                 xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0,0)">
                                <rect x="0" y="0" width="90" height="46" style="fill:#ffffff;"></rect>
                                <g transform="translate(0, 0)" style="fill:#000000;">
                                    <rect x="0" y="0" width="2" height="46"></rect>
                                    <rect x="3" y="0" width="1" height="46"></rect>
                                    <rect x="6" y="0" width="3" height="46"></rect>
                                    <rect x="11" y="0" width="1" height="46"></rect>
                                    <rect x="13" y="0" width="2" height="46"></rect>
                                    <rect x="17" y="0" width="3" height="46"></rect>
                                    <rect x="22" y="0" width="1" height="46"></rect>
                                    <rect x="26" y="0" width="1" height="46"></rect>
                                    <rect x="28" y="0" width="2" height="46"></rect>
                                    <rect x="33" y="0" width="3" height="46"></rect>
                                    <rect x="39" y="0" width="1" height="46"></rect>
                                    <rect x="41" y="0" width="2" height="46"></rect>
                                    <rect x="44" y="0" width="2" height="46"></rect>
                                    <rect x="50" y="0" width="1" height="46"></rect>
                                    <rect x="52" y="0" width="1" height="46"></rect>
                                    <rect x="55" y="0" width="2" height="46"></rect>
                                    <rect x="58" y="0" width="4" height="46"></rect>
                                    <rect x="63" y="0" width="2" height="46"></rect>
                                    <rect x="66" y="0" width="1" height="46"></rect>
                                    <rect x="69" y="0" width="4" height="46"></rect>
                                    <rect x="75" y="0" width="1" height="46"></rect>
                                    <rect x="77" y="0" width="2" height="46"></rect>
                                    <rect x="82" y="0" width="3" height="46"></rect>
                                    <rect x="86" y="0" width="1" height="46"></rect>
                                    <rect x="88" y="0" width="2" height="46"></rect>
                                </g>
                            </svg>
                            <div class="hibarcode_displayValue" style="white-space:nowrap">1234567890</div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 63pt; left: 83pt; display: none;">2-10</span>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 40mm 30mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="30"
                 style="width: 40mm; height: 29mm; transform: scale(1); transform-origin: 0px 0px;">
                <div class="hiprint-printPaper-content">
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 105pt; height: 15pt; font-family: 思源黑体; font-size: 10pt; text-align: center; left: 4.5pt; top: 7.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height:100%;width:100%">公司：测试公司-2</div>
                    </div>
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 100pt; height: 35pt; font-family: 思源黑体; font-size: 10pt; left: 6pt; top: 28.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg width="100%"
                                 display="block" height="100%" class="hibarcode_imgcode"
                                 preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 90 46"
                                 xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0,0)">
                                <rect x="0" y="0" width="90" height="46" style="fill:#ffffff;"></rect>
                                <g transform="translate(0, 0)" style="fill:#000000;">
                                    <rect x="0" y="0" width="2" height="46"></rect>
                                    <rect x="3" y="0" width="1" height="46"></rect>
                                    <rect x="6" y="0" width="3" height="46"></rect>
                                    <rect x="11" y="0" width="1" height="46"></rect>
                                    <rect x="13" y="0" width="2" height="46"></rect>
                                    <rect x="17" y="0" width="3" height="46"></rect>
                                    <rect x="22" y="0" width="1" height="46"></rect>
                                    <rect x="26" y="0" width="1" height="46"></rect>
                                    <rect x="28" y="0" width="2" height="46"></rect>
                                    <rect x="33" y="0" width="3" height="46"></rect>
                                    <rect x="39" y="0" width="1" height="46"></rect>
                                    <rect x="41" y="0" width="2" height="46"></rect>
                                    <rect x="44" y="0" width="2" height="46"></rect>
                                    <rect x="50" y="0" width="1" height="46"></rect>
                                    <rect x="52" y="0" width="1" height="46"></rect>
                                    <rect x="55" y="0" width="2" height="46"></rect>
                                    <rect x="58" y="0" width="4" height="46"></rect>
                                    <rect x="63" y="0" width="2" height="46"></rect>
                                    <rect x="66" y="0" width="1" height="46"></rect>
                                    <rect x="69" y="0" width="4" height="46"></rect>
                                    <rect x="75" y="0" width="1" height="46"></rect>
                                    <rect x="77" y="0" width="2" height="46"></rect>
                                    <rect x="82" y="0" width="3" height="46"></rect>
                                    <rect x="86" y="0" width="1" height="46"></rect>
                                    <rect x="88" y="0" width="2" height="46"></rect>
                                </g>
                            </svg>
                            <div class="hibarcode_displayValue" style="white-space:nowrap">1234567890</div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 63pt; left: 83pt; display: none;">3-10</span>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 40mm 30mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="30"
                 style="width: 40mm; height: 29mm; transform: scale(1); transform-origin: 0px 0px;">
                <div class="hiprint-printPaper-content">
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 105pt; height: 15pt; font-family: 思源黑体; font-size: 10pt; text-align: center; left: 4.5pt; top: 7.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height:100%;width:100%">公司：测试公司-3</div>
                    </div>
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 100pt; height: 35pt; font-family: 思源黑体; font-size: 10pt; left: 6pt; top: 28.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg width="100%"
                                 display="block" height="100%" class="hibarcode_imgcode"
                                 preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 90 46"
                                 xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0,0)">
                                <rect x="0" y="0" width="90" height="46" style="fill:#ffffff;"></rect>
                                <g transform="translate(0, 0)" style="fill:#000000;">
                                    <rect x="0" y="0" width="2" height="46"></rect>
                                    <rect x="3" y="0" width="1" height="46"></rect>
                                    <rect x="6" y="0" width="3" height="46"></rect>
                                    <rect x="11" y="0" width="1" height="46"></rect>
                                    <rect x="13" y="0" width="2" height="46"></rect>
                                    <rect x="17" y="0" width="3" height="46"></rect>
                                    <rect x="22" y="0" width="1" height="46"></rect>
                                    <rect x="26" y="0" width="1" height="46"></rect>
                                    <rect x="28" y="0" width="2" height="46"></rect>
                                    <rect x="33" y="0" width="3" height="46"></rect>
                                    <rect x="39" y="0" width="1" height="46"></rect>
                                    <rect x="41" y="0" width="2" height="46"></rect>
                                    <rect x="44" y="0" width="2" height="46"></rect>
                                    <rect x="50" y="0" width="1" height="46"></rect>
                                    <rect x="52" y="0" width="1" height="46"></rect>
                                    <rect x="55" y="0" width="2" height="46"></rect>
                                    <rect x="58" y="0" width="4" height="46"></rect>
                                    <rect x="63" y="0" width="2" height="46"></rect>
                                    <rect x="66" y="0" width="1" height="46"></rect>
                                    <rect x="69" y="0" width="4" height="46"></rect>
                                    <rect x="75" y="0" width="1" height="46"></rect>
                                    <rect x="77" y="0" width="2" height="46"></rect>
                                    <rect x="82" y="0" width="3" height="46"></rect>
                                    <rect x="86" y="0" width="1" height="46"></rect>
                                    <rect x="88" y="0" width="2" height="46"></rect>
                                </g>
                            </svg>
                            <div class="hibarcode_displayValue" style="white-space:nowrap">1234567890</div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 63pt; left: 83pt; display: none;">4-10</span>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 40mm 30mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="30"
                 style="width: 40mm; height: 29mm; transform: scale(1); transform-origin: 0px 0px;">
                <div class="hiprint-printPaper-content">
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 105pt; height: 15pt; font-family: 思源黑体; font-size: 10pt; text-align: center; left: 4.5pt; top: 7.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height:100%;width:100%">公司：测试公司-4</div>
                    </div>
                    <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                         style="position: absolute; width: 100pt; height: 35pt; font-family: 思源黑体; font-size: 10pt; left: 6pt; top: 28.5pt;">
                        <div class="hiprint-printElement-text-content hiprint-printElement-content"
                             style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg width="100%"
                                 display="block" height="100%" class="hibarcode_imgcode"
                                 preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 90 46"
                                 xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0,0)">
                                <rect x="0" y="0" width="90" height="46" style="fill:#ffffff;"></rect>
                                <g transform="translate(0, 0)" style="fill:#000000;">
                                    <rect x="0" y="0" width="2" height="46"></rect>
                                    <rect x="3" y="0" width="1" height="46"></rect>
                                    <rect x="6" y="0" width="3" height="46"></rect>
                                    <rect x="11" y="0" width="1" height="46"></rect>
                                    <rect x="13" y="0" width="2" height="46"></rect>
                                    <rect x="17" y="0" width="3" height="46"></rect>
                                    <rect x="22" y="0" width="1" height="46"></rect>
                                    <rect x="26" y="0" width="1" height="46"></rect>
                                    <rect x="28" y="0" width="2" height="46"></rect>
                                    <rect x="33" y="0" width="3" height="46"></rect>
                                    <rect x="39" y="0" width="1" height="46"></rect>
                                    <rect x="41" y="0" width="2" height="46"></rect>
                                    <rect x="44" y="0" width="2" height="46"></rect>
                                    <rect x="50" y="0" width="1" height="46"></rect>
                                    <rect x="52" y="0" width="1" height="46"></rect>
                                    <rect x="55" y="0" width="2" height="46"></rect>
                                    <rect x="58" y="0" width="4" height="46"></rect>
                                    <rect x="63" y="0" width="2" height="46"></rect>
                                    <rect x="66" y="0" width="1" height="46"></rect>
                                    <rect x="69" y="0" width="4" height="46"></rect>
                                    <rect x="75" y="0" width="1" height="46"></rect>
                                    <rect x="77" y="0" width="2" height="46"></rect>
                                    <rect x="82" y="0" width="3" height="46"></rect>
                                    <rect x="86" y="0" width="1" height="46"></rect>
                                    <rect x="88" y="0" width="2" height="46"></rect>
                                </g>
                            </svg>
                            <div class="hibarcode_displayValue" style="white-space:nowrap">1234567890</div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 63pt; left: 83pt; display: none;">5-10</span>
                </div>
            </div>
        </div>
       
    </div>

</body>
</html>